<template>
    <div>
        <!-- A和B数据，当A的值是0的时候，要让B的值成为：‘stop’ 
        C === 2,提示是否继续
        -->
        <h3>A:{{ A }}</h3>
        <h3>B:{{ B }}</h3>
        <h3>C:{{ C }}</h3>
        <button @click='A--,C--'>action</button>
    </div>
</template>
<script>
export default {
    //监听器
    watch:{
        //对谁监听就把键名写成它
        A(newValue,oldValue){
            if(newValue <= 0){
                this.B = 'stop';
            }
            console.log(newValue,oldValue);
        },
        B(value){
            if(value === 'stop'){
                alert('stop!');
            }
        },
        C(newValue){
            if(newValue === 2){
                alert('是否还要继续？');
            }
        }
    },
    data(){
        return {
            A:10,
            B:'start',
            C:10,
        }
    },
    methods:{
        action(){
            if(this.A!==0){
                this.A--;
            }
        }
    }
}
</script>